/*轮播图*/
var index=1;
//设定第一张下标为1
var en=true;
//这里是切换标志，当播放切换动画时其值变为false，让cut函数无法执行，也就是这个过程中无法手动切换照片
//定义一个函数 传入参数为1时切上一张，传入其他切下一张
function cut(b) {
    if (en){
        en=false;
        if (b==1){
            index--;
        }else{
            index++;
        }
        $('#xc-list').animate({
            left: index * (-1520)
        },'slow',function () {
            //当由最后一张切到下一张也就是第一张，动画播完之后，必须回到真实的第一张
            if (index==3)
            {
                index=1;
            }
            //当由第一张切到上一张也就是最后一张，动画完后，也必须回到真实的最后一张
            if (index==0)
            {
                index=2;
            }
            $('#xc-list').css('left', (index-1) *(-1520) );
            $('span').removeClass('xc-on');
            //由$('span').get(index-1)得到是dom对象，必须转为jQuery对象
            $($('span').get(index-1)).addClass('xc-on')
            en=true ;
        })
    }
}
//上一张点击事件
$('#xc-prev').click(function () {
    cut(1);
});
//下一张点击事件
$('#xc-next').click(function () {
    cut(0);
});
//给照片下方圆点添加点击事件，设置的照片index比通过圆点的index()函数得到的index大1
$('span').click(function () {
    index = $(this).index();
    cut(0);
})
//设置延时:每2000ms执行一次图片切换
var Interval = setInterval(function () {
    cut(0);
},5000)
/*当鼠标移到照片上，清楚定时器，停止自动切换，移开鼠标时又开始自动播放hover是添加了鼠标的移入移出事件,mouseenter()和mouseleave()只在移入当前元素时才触发, hover()使用的是mouseenter()和mouseleave()*/
$('#xc-container').hover(function () {
    clearInterval(Interval)
},function () {
    Interval = setInterval(function () {
        cut(0);
    },2000)
})

/*input文字隐藏*/
window.onload=function(){
   var oIpt = document.getElementsByTagName('input')
    oIpt[0].onclick=function(){
        this.value = ""
    }
}
/*图片显示*/
$(".xc-product-detail1").hide();
$(".xc-img1").hover(function () {
$(".xc-product-detail1").show();
},function () {
    $(".xc-product-detail1").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail1").hover(function () {

    $("#xc-product-detail1").show();

}, function () {

    $("#xc-product-detail1").hide();

})
/*图片显示*/
$(".xc-product-detail2").hide();
$(".xc-img2").hover(function () {
    $(".xc-product-detail2").show();
},function () {
    $(".xc-product-detail2").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail2").hover(function () {

    $("#xc-product-detail2").show();

}, function () {

    $("#xc-product-detail2").hide();

})
/*图片显示*/
$(".xc-product-detail3").hide();
$(".xc-img3").hover(function () {
    $(".xc-product-detail3").show();
},function () {
    $(".xc-product-detail3").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail3").hover(function () {

    $("#xc-product-detail3").show();

}, function () {

    $("#xc-product-detail3").hide();

})
/*图片显示*/
$(".xc-product-detail4").hide();
$(".xc-img4").hover(function () {
    $(".xc-product-detail4").show();
},function () {
    $(".xc-product-detail4").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail4").hover(function () {

    $("#xc-product-detail4").show();

}, function () {

    $("#xc-product-detail4").hide();

})
/*图片显示*/
$(".xc-product-detail5").hide();
$(".xc-img5").hover(function () {
    $(".xc-product-detail5").show();
},function () {
    $(".xc-product-detail5").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail5").hover(function () {

    $("#xc-product-detail5").show();

}, function () {

    $("#xc-product-detail5").hide();

})
/*图片显示*/
$(".xc-product-detail6").hide();
$(".xc-img6").hover(function () {
    $(".xc-product-detail6").show();
},function () {
    $(".xc-product-detail6").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail6").hover(function () {

    $("#xc-product-detail6").show();

}, function () {

    $("#xc-product-detail6").hide();

})
/*图片显示*/
$(".xc-product-detail7").hide();
$(".xc-img7").hover(function () {
    $(".xc-product-detail7").show();
},function () {
    $(".xc-product-detail7").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail7").hover(function () {

    $("#xc-product-detail7").show();

}, function () {

    $("#xc-product-detail7").hide();

})

/*图片显示*/
$(".xc-product-detail8").hide();
$(".xc-img8").hover(function () {
    $(".xc-product-detail8").show();
},function () {
    $(".xc-product-detail8").hide();
})
// 鼠标移动到list的div上的时候list div不会被隐藏
$("#xc-product-detail8").hover(function () {

    $("#xc-product-detail8").show();

}, function () {

    $("#xc-product-detail8").hide();

})

//*移动显示点击隐藏*/
$(".xc-dropdown-cont").hide();
$(".xc-caret").hover(function () {
    $(".xc-dropdown-cont").show();
},$(".xc-city-close").click (function () {
    $(".xc-dropdown-cont").hide();
}))

/*判断是否被隐藏*/
if ($(".xc-s_content").hide())
{
    $('.xc-tab-current-b').click(function () {
        $('.xc-s_content').show()
        $(".xc-content").hide()
    })
}
if( $('.xc-s_content').show())
{
    $('.xc-tab-current-a').click(function () {
        $('.xc-content').show()
        $(".xc-s_content").hide()
    })
}
$('.xc-header-img').click(function () {
    window.location.href="../../index/Index.jsp";
})


